<template>
    <div class="goodsCommon">
        <div>线下商家商品列表</div>
       <div class="goodsList d-flex-pk page-pad-pk">
           <div v-for="(item,index) in testList"
                :key="index"
                class="goodsItem bg-white-pk">
               <div class="">
                   <pk-img
                           :src="srcImg[0]"
                           width="100%"
                           height="170px">
                   </pk-img>
               </div>
              <div class="goodsName ellipsis-2-pk text-main-pk font-size-15-pk">商品名称发芽是否哈萨克解放后发哈十大科技孵化刷卡积分回馈数据的反馈会发生款到发货开始对接方式</div>
               <div class="d-flex-pk saleMoney">
                   <div class="flex-grow-1 text-color-gray-fl-pk">月销7979</div>
                   <div class="text-red-pk">赚￥889.96</div>
               </div>
           </div>
       </div>

    </div>
</template>

<script>
    export default {
        name: 'goodsCommon',
        components: {},

        data() {
            return {
                testList:[1,2,3],
                srcImg:[
                    require('@img/12.jpeg')
                ]
            }
        },

        created() {
        },
        computed: {},
        watch: {},
        methods: {}
    }
</script>

<style lang="scss" scoped>
    .goodsCommon {
        font-size: 13px;
        line-height: 1.8;
        .goodsList{
            justify-content: space-between;
            flex-wrap: wrap;
            .goodsItem{
                margin: 10px 0;
                width: 45vw;
                border-radius:8px 8px 8px 8px ;
            }

            .goodsName{
                margin: 5px;
            }
            .saleMoney{
                padding:0 5px 10px 5px;
            }
        }


    }
</style>
